/* 
1 html 标签 required 

2 按钮点击刷新
  1 现象 存在一个form标签 ， 里面 存放一个普通的按钮 button ，input标签  他们的type的值都是 submit 
    点击按钮 网页就会刷新 
  2 原因
    1 在网页开发的之前 提交数据 不是用ajax（异步刷新）
    2 在网页开发的之前 提交数据 整页提交 
      页面会刷新 - 重新请求一次这个网页 同时会把 输入框中的数据 也自动放在 url上 
    3 后台服务器 接收到这一次 网页的请求 同时获取到 url上的参数 

  3 解决它！！ 
    1 破坏结构 删除form表单 
    2 将按钮的type = submit 修改为 button （推荐这个方式）
    3 阻止 默认行为  e.preventDefault(); （推荐这个方式） 
 */

$(function () {
  // 1 获取登录按钮 绑定点击事件
  $("#login").on("click", function (e) {
    // 阻止默认行为
    e.preventDefault();

    // 1.1 获取 用户名
    const username = $("#username").val().trim();
    // 1.2 获取密码
    const password = $("#password").val().trim();

    // 1.3 发送请求给后台
    // $.ajax({
    //   url: "",
    //   type: "post",
    //   success(){}
    // })

    // $.post(url,参数,回调函数)
    // 接口 后台 服务器的地址 在 
    $.post("http://localhost:8080/api/v1/admin/user/login", { username, password }, function (res) {
      console.log(res);
      // 判断是登录成功
      if (res.code === 200) {
        // 成功
        // 存到本地存储中
        localStorage.setItem("token", res.token);
        // 跳转到首页
        location.href = "index.html";
      } else {
        console.log("失败");
        console.log(res);
      }
    })
  })
})